.topBgImg {
    width: 100%;
}

.centerBg {
    width            : 100%;
    height           : 410px;
    background-image : url(../img/center_bg.png);
    background-size  : cover;
    position         : absolute;
    z-index          : -1;
    left             : 0;
    background-repeat: no-repeat;

    &.center_bg_1 {
        top                : 1522px;
        background-position: -90px 0;
    }

    &.center_bg_2 {
        top                : 3104px;
        background-position: -30px 0;
    }
}

.what_can_i {
    width     : 754px;
    margin-top: 80px;
}

.what_can_i_txt {
    width      : 300px;
    height     : 28px;
    font-size  : 30px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(51, 51, 51, 1);
    line-height: 18px;
    margin     : 30px auto auto;
}

.offerCard_box {
    margin      : 50px auto auto;
    width       : 1218px;
    padding-left: 0;

    &::after {
        clear     : both;
        content   : "";
        display   : block;
        width     : 0;
        height    : 0;
        visibility: hidden;
    }

    .offerCard {
        float        : left;
        list-style   : none;
        width        : 298px;
        background   : rgba(255, 255, 255, 1);
        box-shadow   : 0px 4px 8px 0px rgba(152, 153, 155, 0.4);
        margin-right : 160px;
        margin-bottom: 76px;

        // transition:all .2s;
        // &         :hover{
        // 	transform: scale(1.1);
        // }
        &:nth-child(3n) {
            margin-right: 0;
        }

        .offcaimg_border {
            width        : 180px;
            height       : 180px;
            border       : 1px solid rgba(241, 117, 90, 1);
            border-radius: 50%;
            margin       : 28px auto;
            position     : relative;

            .offerCard_img {
                width        : 120px;
                height       : 122px;
                border       : 1px solid rgba(241, 117, 90, 1);
                border-radius: 100%;
                position     : absolute;
                top          : 50%;
                left         : 50%;
                transform    : translate3d(-50%, -50%, 0);
            }
        }

        .offerCard_title {
            width      : 100%;
            height     : 24px;
            font-size  : 24px;
            font-family: PingFang-SC-Bold;
            font-weight: bold;
            color      : rgba(89, 89, 89, 1);
            text-align : center;
            margin     : 0 auto 18px;
        }

        .offerCard_desc {
            box-sizing : border-box;
            padding    : 0 24px;
            width      : 100%;
            height     : 40px;
            font-size  : 18px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(89, 89, 89, 1);
            text-align : center;
            margin     : 0 auto 32px;
        }
    }
}

.swiper-container-top {
    width    : 760px;
    position : absolute;
    top      : 257px;
    right    : 290px;
    overflow : hidden;
    transform: scale(0.9);
}

.swiperBox {
    position: relative;

    .swiper-container {
        width              : 744px;
        height             : 946px;
        background-image   : url("../img/swiper_bg.png");
        background-size    : 100% 100%;
        background-position: top left;
        margin-left        : 208px;
        margin-top         : 18px;
        margin-right       : 0;
        position           : relative;

        .swiper-slide {
            position: relative;

            .swiper-item {
                width   : 422px;
                top     : 278px;
                left    : 216px;
                position: absolute;
            }
        }
    }

    .swiperDesc {
        position    : absolute;
        min-width   : 100px;
        top         : 0;
        left        : 1052px;
        height      : 946px;
        box-sizing  : border-box;
        padding-left: 100px;
        text-align  : left;

        .swiperDesc_title {
            margin-top   : 300px;
            margin-bottom: 0;
            height       : 46px;
            font-size    : 48px;
            font-family  : PingFang-SC-Bold;
            font-weight  : bold;
            color        : rgba(76, 76, 76, 1);
            line-height  : 48px;
            display      : inline-block;
        }

        .swiperDesc_title_circle {
            width        : 20px;
            height       : 20px;
            border       : 6px solid rgba(249, 68, 107, 1);
            border-radius: 100%;
            position     : absolute;
            top          : 290px;
            margin-left  : 20px;
        }

        .swiperDesc_title_line {
            margin-top: 24px;
            font-size : 36px;
            text-align: left;
        }

        .swiperDesc_title_desc_1 {
            height     : 28px;
            font-size  : 30px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            line-height: 28px;
            text-align : left;
            margin-top : 48px;
        }

        .swiperDesc_title_desc_2 {
            margin-top : -10px;
            height     : 30px;
            font-size  : 30px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            line-height: 48px;
            text-align : left;
        }

        .swiper_circle_box {
            margin-top  : 80px;
            margin-left : 0;
            padding-left: 0;

            &::after {
                clear     : both;
                content   : "";
                display   : block;
                width     : 0;
                height    : 0;
                visibility: hidden;
            }

            .swiper_circle {
                width        : 20px;
                height       : 20px;
                background   : rgba(242, 242, 242, 1);
                border-radius: 50%;
                float        : left;
                list-style   : none;
                margin-right : 20px;

                &.swiper_active {
                    background: rgba(249, 68, 107, 1);
                }
            }
        }
    }
}

.threeStep_Box {
    width      : 100%;
    position   : relative;
    min-height : 10px;
    padding-top: 100px;

    .threeStep_title {
        position   : absolute;
        top        : -110px;
        left       : 50%;
        margin-left: -266px;
        width      : 532px;
        height     : 60px;
        font-size  : 60px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color      : rgba(51, 51, 51, 1);
        line-height: 48px;
    }

    .stepBox,
    .stepArrow {
        display       : inline-block;
        vertical-align: middle;
    }

    .stepBox {
        width        : 200px;
        height       : 200px;
        background   : rgba(255, 255, 255, 1);
        box-shadow   : 0px 4px 8px 0px rgba(152, 153, 155, 0.4);
        border-radius: 10px;
        margin       : 0 144px;
        position     : relative;

        .stepBox_img {
            width  : 166px;
            display: block;
            margin : 20px auto;
        }

        .stepBox_txt {
            padding    : 0 20px;
            width      : 300px;
            font-size  : 24px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            display    : block;
            position   : absolute;
            top        : 244px;
            left       : 50%;
            transform  : translateX(-50%);
        }
    }
}

.bottomBox {
    width     : 100%;
    position  : relative;
    margin-top: 300px;

    .bottomBox_img {
        width  : 85%;
        display: block;
        margin : 0 auto;
    }

    .bottomBoxDesc {
        position  : absolute;
        max-width : 600px;
        top       : 0;
        left      : 50%;
        transform : translateX(-50%);
        height    : 946px;
        box-sizing: border-box;
        text-align: left;

        .bottomBoxDesc_title {
            margin-top    : 150px;
            margin-bottom : 0;
            height        : 46px;
            font-size     : 48px;
            font-family   : PingFang-SC-Medium;
            font-weight   : 500;
            color         : rgba(77, 77, 77, 1);
            line-height   : 48px;
            display       : inline-block;
            border-bottom : 4px solid #f9446b;
            padding-bottom: 24px;
        }

        .bottomBoxDesc_title_circle {
            width        : 30px;
            height       : 30px;
            border       : 6px solid rgba(249, 68, 107, 1);
            border-radius: 100%;
            position     : absolute;
            top          : 120px;
        }

        .bottomBoxDesc_title_line {
            margin-top   : 24px;
            width        : 190px;
            border-bottom: 2px solid rgba(128, 128, 128, 1);
        }

        .bottomBoxDesc_title_desc_1 {
            height     : 24px;
            font-size  : 24px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(77, 77, 77, 1);
            line-height: 48px;
        }

        .bottomBoxDesc_title_desc_2 {
            font-size  : 24px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(77, 77, 77, 1);
            line-height: 48px;
        }
    }
}